<template>
    <div class="statement">
        <div class="headbtn">
            <el-button type="primary">报表导出</el-button>
        </div>
        <div class="searchs">
            <div class="search-item">
                <span class="item-info">物料编号</span>
                <el-input placeholder="请选择" size="mini" suffix-icon="el-icon-search" class="item-input"></el-input>
            </div>
            <div class="search-item">
                <span class="item-info">生产订单号</span>
                <el-input placeholder="请选择" size="mini" suffix-icon="el-icon-search" class="item-input"></el-input>
            </div>
            <div class="search-item">
                <span class="item-info">线体</span>
                <el-input placeholder="请选择" size="mini" suffix-icon="el-icon-search" class="item-input"></el-input>
            </div>
            <div class="search-item">
                <span class="item-info">报工时间</span>
                <el-input placeholder="请选择" size="mini" suffix-icon="el-icon-search" class="item-input"></el-input>
            </div>
        </div>
        <el-table class="el-table" style="width: 100%;">
            <el-table-column prop="" label="生产订单号" width="100"></el-table-column>
            <el-table-column prop="" label="设备" width="100"></el-table-column>
            <el-table-column prop="" label="报工时间" width="100"></el-table-column>
            <el-table-column prop="" label="线体" width="100"></el-table-column>
            <el-table-column prop="" label="成品物料名称" width="120"></el-table-column>
            <el-table-column prop="" label="成品物料编码" width="120"></el-table-column>
            <el-table-column prop="" label="原材料编码" width="100"></el-table-column>
            <el-table-column prop="" label="原材料批次" width="100"></el-table-column>
            <el-table-column prop="" label="原材料批次数量" width="120"></el-table-column>
            <el-table-column prop="" label="成品物料规格" width="120"></el-table-column>
            <el-table-column prop="" label="合格数" width="100"></el-table-column>
            <el-table-column prop="" label="不合格数" width="100"></el-table-column>
            <el-table-column prop="" label="出勤工时" width="100"></el-table-column>
            <el-table-column prop="" label="缺陷明细" width="100"></el-table-column>
            <el-table-column prop="" label="缺陷数量" width="100"></el-table-column>
            <el-table-column prop="" label="操作员" width="100"></el-table-column>
        </el-table>
        <div class="pagination">
            <el-pagination background layout="prev, pager, next, sizes, jumper" :total="1000" :page-sizes="[100, 200, 300, 400]" :page-size="100"></el-pagination>
        </div>
    </div>
</template>
<script>
export default {
    name:"statement",
    data() {
        return {
          
        }
      }
}
</script>

<style lang="scss" scoped>
.statement{
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    user-select: none;
    .searchs{
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        .search-item{
            margin-right: 20px;
            font-size: 14px;
            display: flex;
            align-items: center;
            .item-info{
                display: inline-block;
                margin-right: 10px;
            }
            .item-input{
                width: 15vw;
            }
        }
    }
    .pagination{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .el-table>thead>th {
        background-color: #fb8686; /* 设置表头背景色 */
    }
}

</style>